<!--
 * @Author: 李环玉 834654733@qq.com
 * @Date: 2023-10-13 17:50:16
 * @LastEditors: 李环玉 834654733@qq.com
 * @LastEditTime: 2023-11-30 15:32:25
 * @FilePath: \nuxt-app\app.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <n-notification-provider>
   <n-message-provider>
     <NuxtPage/>
   </n-message-provider>
 </n-notification-provider>
   <!-- <NuxtWelcome /> -->
   <div id="QPlayer" class="no-rem">
     <div id="pContent">
       <div id="player">
         <span class="cover"></span>
         <div class="ctrl">
           <div class="musicTag marquee">
             <strong>Title</strong>
             <span> - </span>
             <span class="artist">Artist</span>
           </div>
           <div class="progress">
             <div class="timer left">0:00</div>
             <div class="contr">
               <div class="rewind icon"></div>
               <div class="playback icon"></div>
               <div class="fastforward icon"></div>
             </div>
             <div class="right">
               <div class="liebiao icon"></div>
             </div>
           </div>
         </div>
       </div>
       <div class="ssBtn">
           <div class="adf"></div>
       </div>
     </div>
     <ol id="playlist"></ol>
   </div>
</template>

<script setup>
useHead({
 script:[
   {
     async: false,
     src: '/player/jquery.min.js',
     body: true,
   },
   {
     async: false,
     src: '/player/jquery.marquee.min.js',
     body: true,
   },
   {
     async: false,
     src: '/player/bg.js',
     body: true,
   },
   {
     async: false,
     src: '/player/player.js',
     body: true,
   },
   {
     async: false,
     src: '/icon/colorfont/iconfont.js',
     body: true,
   },
   {
     async: false,
     src: '/animation/animation.js',
     body: true,
   },
 ]
})
</script>
<style lang="scss">

</style>
